<div class='pvr-booking-info'>
  <div>
    Appointment:
    <span class='pvr-booking-info-appointment'></span>
  </div>
  <div>
    Reservation conflict:
    <span class='pvr-booking-info-conflict'></span>
  </div>
</div>
<div class='pvr-booking-group'>
  <div class='pvr-booking-group-item-0'></div>
  <div class='pvr-booking-group-item-1'></div>
  <div class='pvr-booking-group-item-2'></div>
  <div class='pvr-booking-group-item-3'></div>
  <div class='pvr-booking-group-item-4'></div>
  <div class='pvr-booking-group-item-5'></div>
  <div class='pvr-booking-group-item-6'></div>
  <div class='pvr-booking-group-item-line'></div>
</div>
<div class='pvr-booking-channel'>
  <div class='pvr-booking-channel-item-list'>
    <div class='pvr-booking-channel-item-0'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-1 current'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-2'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-3'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-4'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-5'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-6'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-7'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-8'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-9'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
    <div class='pvr-booking-channel-item-10'>
      <div></div>
      <div>
        <span></span>
      </div>
    </div>
  </div>
  <div class='pvr-booking-channel-item-list-focus pvr-booking-channel-item-1'></div>
  <div class='pvr-booking-channel-item-list-progress'>
    <div class='pvr-booking-channel-item-list-progress-cursor'></div>
  </div>
</div>
<div class='pvr-booking-epg'>
  <div class='pvr-booking-epg-item-list'></div>
  <div class='pvr-booking-epg-item-list-focus pvr-booking-epg-item-1'></div>
  <div class='pvr-booking-epg-item-list-progress'>
    <div class='pvr-booking-epg-item-list-progress-cursor'></div>
  </div>
  <div class='animated pvr-booking-epg-info pvr-booking-epg-info-1'>
    <div></div>
    <div class='pvr-booking-epg-info-name'></div>
    <div class='pvr-booking-epg-info-description'>
      <aside>
        <p></p>
      </aside>
    </div>
    <div class='pvr-booking-epg-info-progress'>
      <div class='pvr-booking-epg-info-cursor'></div>
    </div>
  </div>
</div>
<div class='pvr-booking-date'>
  <div class='pvr-booking-date-item-list'>
    <div class='pvr-booking-date-item-0 current'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-1'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-2'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-3'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-4'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-5'>
      <div></div>
    </div>
    <div class='pvr-booking-date-item-6'>
      <div></div>
    </div>
  </div>
  <div class='pvr-booking-date-item-list-focus pvr-booking-date-item-0'></div>
</div>
<div class='pvr-booking-navigation'>
<div>Appointment reminder</div>
<div>Appointment recording</div>
<div>Details</div>
</div>